<!DOCTYPE html>
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- FUCK 360  -->
    <meta name="renderer" content="webkit|ie-comp|ie-stand">

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

    <link rel="stylesheet" href="../css/pure.min.css">
    <link rel="stylesheet" href="css/index_frame.css"></head>
    <body>
    <table id="frameset">
        <tr>
            <td class="frame-head">
                <iframe scrolling="no" class="page-frame" src="index_frame/head.html" ></iframe>
            </td>
        </tr>
        <tr>
            <td class="frame-main">
                <div class="body pure-g">
                    <!-- <div id="tree" class="pure-u-1-5">
                        <iframe scrolling="no" class="page-frame" src="index_frame/left.html" ></iframe>
                    </div>
                    <div id="content" class="pure-u-4-5">
                        <iframe scrolling="yes" class="page-frame" src="index_frame/right.html" ></iframe>
                    </div> -->
                    <iframe scrolling="no" class="page-frame" src="index_frame/main.html" ></iframe>
                </div>
            </td>
        </tr>
        <tr>
            <td class="frame-bottom">
                <iframe scrolling="no" class="page-frame"  src="index_frame/bottom.html" ></iframe>
            </td>
        </tr>
    </table>

    <script src=".//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="../js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
    <script src="js/index_frame.js"></script>
    </body>
</html>